<template>
    <div class="head">
        <div class="head_content">
            <div class="content_top">
                <div class="GMU">
                    <div class="GMU_Logo">
                        <img class="GMU_Pic" src="../../../public/imgs/gmu.png">
                    </div>
                    <div class="GMU_Msg">赣&nbsp;南&nbsp;医&nbsp;学&nbsp;院&nbsp;法&nbsp;学&nbsp;系</div>
                    <div class="GMU_Eng">GANNAN MEDICAL UNIVERSITY LAW DEPARTMENT</div>
                </div>
                <div class="ZYLF">
                    <div class="ZY_Logo">
                        <img class="ZY_Pic" src="../../../public/imgs/gmu.png" />
                    </div>
                    <div class="ZY_Msg">
                        <a href="http://www.zhongyinlawyer.com/">中&nbsp;银&nbsp;律&nbsp;师&nbsp;事&nbsp;务&nbsp;所</a>
                    </div>
                    <div class="ZY_Eng">ZHONG YIN LAW FIRM</div>
                </div>
            </div>
            <div class="content_down">
                <div class="JXLSW">江西医疗法治生活网</div>
                <div class="TLE">
                    <div class="TLE_Logo">
                        <img src="../../../public/imgs/gmu.png" class="TLE_pic">
                    </div>
                    <div class="TLE_Msg">服 务 热 线 ：</div>
                    <div class="TLE_Num">
                        <span>0797-5882988</span>
                    </div>
                </div>
                <div style="clear: both;"></div>
                <div style="min-height: 20px;"></div>
            </div>
        </div>
        <div class="nav">
            <el-menu
                    style="display:table;text-align:center;margin: auto;text-decoration:none; "
                    :default-active="activeIndex2"
                    class="el-menu-demo"
                    mode="horizontal"
                    background-color="#545c64"
                    text-color="#fff"
                    active-text-color="#ffd04b">
                <el-menu-item index="1"><router-link to="/">网站首页</router-link></el-menu-item>
                <el-menu-item index="2"><router-link to="/test">团队介绍</router-link></el-menu-item>
                <el-menu-item index="3"><router-link to="/test">服务领域</router-link></el-menu-item>
                <el-menu-item index="4"><router-link to="/test">新闻动态</router-link></el-menu-item>
                <el-menu-item index="5"><router-link to="/test">法律法规</router-link></el-menu-item>
                <el-menu-item index="6"><router-link to="/test">经典案例</router-link></el-menu-item>
                <el-menu-item index="7"><router-link to="/test">卫生法研究</router-link></el-menu-item>
                <el-menu-item index="8"><router-link to="/test">联系我们</router-link></el-menu-item>
            </el-menu>
        </div>
        <el-carousel :interval="5000" arrow="hover" height="300px">
            <el-carousel-item v-for="(img, index) in imgList" :key="index">
                <img :src="img.url" width="100%" height="100%">
            </el-carousel-item>
        </el-carousel>
    </div>
</template>

<script>
    export default {
        name: "Head",
        data () {
            return {
                activeIndex2:'1',
                imgList: [
                    {
                        /* @即文件src下 请求本地地址必须加上require */
                        url:require('@/assets/HeadImg_One.jpg')
                    },
                    {
                        url:require('@/assets/HeadImg_Two.jpg')
                    }
                ]
            }
        },
        methods: {

        }
    }
</script>

<style scoped src="../../../public/css/pc/heard.css">
    .el-carousel__item h3 {
        color: #475669;
        font-size: 18px;
        opacity: 0.75;
        line-height: 300px;
        margin: 0;
    }
    .el-carousel__item:nth-child(2n) {
        background-color: #99a9bf;
    }
    .el-carousel__item:nth-child(2n+1) {
        background-color: #d3dce6;
    }
</style>
